
<ion-navbar *navbar hideBackButton class="show-navbar">
  <ion-title>Card Lists</ion-title>
</ion-navbar>

<ion-content class="has-header components-demo cards-bg">

  <ion-card class="cards-list-demo">
    <ion-card-header>
      Explore Nearby
    </ion-card-header>

    <ion-list>
      <button ion-item>
        <ion-icon name='cart' item-left></ion-icon>
        Shopping
      </button>

      <button ion-item>
        <ion-icon name='medical' item-left></ion-icon>
        Hospital
      </button>

      <button ion-item>
        <ion-icon name='cafe' item-left></ion-icon>
        Cafe
      </button>

      <button ion-item>
        <ion-icon name='paw' item-left></ion-icon>
        Dog Park
      </button>

      <button ion-item>
        <ion-icon name='beer' item-left></ion-icon>
        Pub
      </button>

      <button ion-item>
        <ion-icon name='planet' item-left></ion-icon>
        Space
      </button>

    </ion-list>
  </ion-card>

</ion-content>
